<%--
  Created by IntelliJ IDEA.
  User: xin
  Date: 2021/11/25
  Time: 21:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>品优购欢迎你</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
</head>
<style>
    body{
        margin: 0;
    }
    #boxBig{
        background-color: #9C27B0;
    }
    #box{
        width: 1350px;
        background: url("img/background.jpeg") no-repeat;
        background-size:100% 100%;
        margin: 0 auto;
        height: 520px;
    }
    form{
        width: 300px;
        height: 330px;
        float: right;
        margin-top: 150px;
        margin-right: 50px;
        background-color: white;
        text-align: center;
    }
    h1{
        margin: 10px auto;
    }

    label{
        display: block;
        width: 250px;
        height: 50px;
        margin: 10px auto;
        text-align: center;
    }
    label input{
        width: 100%;
        height: 100%;
    }
    label input#checkCode{
        width: 140px;
        margin-left: 0;
    }
    #checkCode, img{
        vertical-align: middle;
    }
    h1{
        color: red;
    }
    a{
        text-decoration: none;
        color:#333;
    }
    #btn{
        background-color: #C62828;
    }


</style>
<body>
<header id="header">
    <div id="headerBox">
    <h1>品优购</h1>
    <a href="display.jsp">返回首页</a>
    <a href="">联系客服</a>
    <a href="register.jsp" style="float: right">免费注册</a>
    </div>
</header>
<div id="boxBig">
<div id="box">
<form action="LoginServlet" method="post">
    <h3 style="margin: 0 auto">邮箱账号登录</h3>
    <div style="height: 30px;color: #C62828" >
        <%
            //重定向上下文
            if (request.getSession().getAttribute("err")!=null) {
                java.lang.String err=(java.lang.String)request.getSession().getAttribute("err");
                out.print(err);
            }
        %>
    </div>
    <label>
        <input type="text" name="email" placeholder="请输入您的邮箱地址" pattern="([A-z0-9]{1,15})(@[A-z0-9]{1,6})+(.[A-z0-9]{1,6})" required >
    </label>
    <label>
        <input type="password" name="password" placeholder="请输入您的密码" required pattern="[A-z0-9]{3,20}">
    </label>
    <label>
        <input type="text" name="check_code"  placeholder="验证码" id="checkCode" required pattern="[A-z0-9]{4}">
        <img src="${pageContext.request.contextPath}/checkS">
    </label>
    <label>&nbsp;
        <input  type="submit" name="Submit1" value="登录" id="btn">&nbsp;&nbsp;
    </label>
</form>
</div>
</div>
<footer id="footer">
    <div id="footerBox">
    <div class="">
        <a  href="">
            关于我们
        </a>
        |
        <a href="">
            联系我们
        </a>
        |
        <a href="">
            人才招聘
        </a>
        |
        <a  href="">
            商家入驻
        </a>
        |
        <a href="">
            广告服务
        </a>
        |
        <a  href="">
            友情链接
        </a>
        |
        <a  href="">
            销售联盟
        </a>
        |
        <a href="" >
            商家社区
        </a>
        |
        <a href="" >
            捐款公益
        </a>
    </div>
    <div class="">
        1107841498@qqcom&nbsp;©&nbsp;&nbsp;&nbsp;&nbsp;版权归<a href="">@清秋</a>所有
    </div>
    </div>
</footer>
</body>
</html>